@charset "utf-8";
$commin:#23292c;
$white:#ffffff;
body {
    header {
        height: 125px;
        position: relative;
        background-color: $commin;
        .row {
            margin: 0;
            .logo {
                .logo_con {
                    padding: 5% 10%;
                    .logo_img {
                        width: 100%;
                        img {
                            width: 184px;
                        }
                    }
                }
                .logo_wz {
                    text-align: center;
                    margin-top: 40px;
                    .company_ch {
                        font-size: 16px;
                        color: $white;
                        margin: 0;
                    }
                    .company_en {
                        font-size: 20px;
                        font-weight: 100;
                        color: $white;
                    }
                }
                .marketing {
                    border-left: 2px solid #ffffff;
                    margin-top: 47px;
                    .marketing_con {
                        font-size: 24px;
                        color: #1cc5e6;
                    }
                }
            }
            .message {
                padding: 0;
                .message_con {
                    margin: 0;
                    margin-top: 35px;
                    .loading {
                        width: 246px;
                        height: 50px;
                        padding: 0;
                        input {
                            width: 100%;
                            height: 100%;
                            border: 1px solid #1cc5e6;
                            background-color: #293c45;
                            font-size: 20px;
                            color: #1CC5E6;
                            padding: 0 10px;
                        }
                         ::-webkit-input-placeholder {
                            text-align: center;
                        }
                    }
                    .login {
                        width: 86px;
                        height: 50px;
                        button {
                            width: 100%;
                            height: 100%;
                            background-color: #1cc5e6;
                            font-size: 20px;
                            color: #FFFFFF;
                            border: 0;
                        }
                    }
                }
            }
        }
    }
    section {
        .row {
            margin: 0;
            .introduce {
                padding: 0;
                margin-top: 35px;
                .introduce_title {
                    font-size: 24px;
                    color: $commin;
                    p {
                        display: inline-block;
                        cursor: pointer;
                    }
                    .active {
                        border-bottom: 2px solid #1cc5e6;
                    }
                    p:hover {
                        border-bottom: 2px solid #1cc5e6;
                    }
                }
            }
        }
    }
    section {
        .row {
            margin: 0 15px 15px 15px;
            .introduce_det {
                padding: 0;
                width: 100%;
                height: 585px;
                border: 1px solid #b3b5b6;
                box-sizing: border-box
            }
        }
    }
}

@media (max-width:1160px) {
    body {
        header {
            .row {
                .logo{
                    .logo_con{
                        padding: 8% 10%;
                        .logo_img{
                            img{
                                width: 170px;
                            }
                        }
                    }
                    .logo_wz{
                        .company_ch{
                            font-size: 14px;
                        }
                        .company_en{
                            font-size: 16px;
                        }
                    }
                    .marketing{
                        .marketing_con{
                            font-size: 18px;
                        }
                    }
                }
                .message {
                    .message_con {
                        .loading {
                            width: 220px;
                            input {}
                        }
                    }
                }
            }
        }
        section {
            .row {
                .introduce {
                    .introduce_title {
                        font-size: 18px;
                    }
                }
            }
        }
    }
}